<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

	<h:form id="formOtrosIndirectos">

		<table class="tables">

			<tr>
				<td><p:panel header="Agregar Personal Operativo del GIR"
						toggleable="true" collapsed="true"
						style="text-align: left;
	font-size: 12px;">
						
						<h:panelGrid columns="4" id="hpgPersonalOperativo"
							styleClass="panelTDLeftFormulario">
							<h:outputLabel value="Apellidos : " for="txt_apellidos_po"></h:outputLabel>
							<p:inputText id="txt_apellidos_po" required="false"
								label="Apellidos" value="#{modificarPartesBean.apellidos}" />
							<h:outputLabel value="Cedula : " for="txt_cedula_po"></h:outputLabel>
							<p:inputText id="txt_cedula_po" required="false" label="Nombres"
								value="#{modificarPartesBean.numeroCedula}" />
						</h:panelGrid>
						<h:panelGrid columns="3" styleClass="panelTDBotonFormulario">
							<p:commandButton value="Limpiar Campos"
								action="#{modificarPartesBean.limpiarPersonalOperativo()}"
								update="hpgPersonalOperativo" immediate="true"/>
							<p:commandButton
								action="#{modificarPartesBean.consultarPersonalOperativoVista}"
								value="Busca personal"
								oncomplete="dlg2.show()"
								update="display2" />

							<p:commandButton
								action="#{modificarPartesBean.consultarPersonalOperativo}"
								value="Refrescar Tabla"
								update="personalOperativo,personasOperTable" immediate="true"/>
						</h:panelGrid>


					</p:panel> <p:outputPanel id="personalOperativo"
						styleClass="panelTDLeftFormulario">

						<p:dataTable id="personasOperTable"
							value="#{modificarPartesBean.personalOperativos}"
							var="personaoper" paginator="true" rows="5" editable="true">
							<p:ajax event="rowEdit"
								listener="#{modificarPartesBean.onEditPersonalOperativo}"
								immediate="true"
								update=":tabView:formPersonalPolicialOperativo:growllpo" />
							<p:ajax event="rowEditCancel"
								listener="#{modificarPartesBean.onCancelPersonalOperativo}"
								immediate="true" />


							<p:column headerText="Grado" style="width:24%">

								<h:outputText
									value="#{personaoper.rrhhMpolicial.rrhhMpersona.rrhhGrado.gradDescripcion}" />

							</p:column>
							<p:column headerText="Apellidos" style="width:30%">
								<h:outputText
									value="#{personaoper.rrhhMpolicial.rrhhMpersona.mperApellidos}" />
							</p:column>
							<p:column headerText="Nombres" style="width:30%">
								<h:outputText
									value="#{personaoper.rrhhMpolicial.rrhhMpersona.mperNombres}" />
							</p:column>
							<p:column headerText="Función" style="width:24%">
								<p:cellEditor>
									<f:facet name="output">
										<h:outputText
											value="#{personaoper.operCargoOperativo.caropDescripcion}" />
									</f:facet>
									<f:facet name="input">
										<h:selectOneMenu styleClass="combos" id="som_opc_cargoop"
											required="true"
											value="#{personaoper.operCargoOperativo.caropId}">
											<f:selectItems
												value="#{administraCatalogosBean.listaCargoOperativo}"></f:selectItems>
										</h:selectOneMenu>
									</f:facet>
								</p:cellEditor>
							</p:column>
							<p:column headerText="Unidad" style="width:24%">
								<h:outputText
									value="#{personaoper.rrhhMpolicial.operUnidad.unidNombre}" />
							</p:column>
							<p:column style="width:6%">
								<f:facet name="header">
									<h:outputText value="Edición" />
								</f:facet>
								<p:rowEditor />
							</p:column>
							<p:column style="width:6%">
								<f:facet name="header">
									<h:outputText value="Eliminar" />
								</f:facet>
								<p:commandButton update="personasOperTable" immediate="true"
									label="eliminar" icon="ui-icon-close"
									action="#{modificarPartesBean.deletePersonalOperativoAction(personaoper)}"></p:commandButton>
								<br />
							</p:column>
						</p:dataTable>



					</p:outputPanel></td>
			</tr>
		</table>
		<p:dialog id="mp_mensaje" position="center" width="500"
			styleClass="pPanel" height="400" widgetVar="dlg2">
			<h:panelGrid id="display2" columns="1" cellpadding="1"
				style="margin:0 auto;">
				
				<p:growl id="growllpo" showDetail="true" life="2000" 
									 showSummary="false" />
				<p:dataTable var="policia"
					value="#{modificarPartesBean.listaPersonalOperativo}"
					paginator="true" rows="5">
					<p:column style="width:5%;" exportable="false">

						<p:commandButton id="selectButton"
							action="#{modificarPartesBean.guardarPersonalOperativo}"
							update=":tabView:formPersonalPolicialOperativo:personalOperativo,:tabView:formPersonalPolicialOperativo:growllpo"
							icon="ui-icon-search" title="Guardar">
							<f:setPropertyActionListener value="#{policia.idPolicia}"
								target="#{modificarPartesBean.idMPolicial}" />

						</p:commandButton>
					</p:column>
					<p:column headerText="Apellidos" filterBy="apellidos"
						filterMatchMode="contains">
						<h:outputText value="#{policia.apellidos}" />
					</p:column>

					<p:column headerText="Nombres">
						<h:outputText value="#{policia.nombres}" />
					</p:column>

					<p:column headerText="Nro. Cédula">
						<h:outputText value="#{policia.cedula}" />
					</p:column>

					<p:column headerText="Grado">
						<h:outputText value="#{policia.gradDesc}" />
					</p:column>
				</p:dataTable>


			</h:panelGrid>


		</p:dialog>
	</h:form>


</ui:composition>